<script setup>
import { ref } from 'vue';
const props = defineProps({
  breadcrumb: Array,
});
</script>

<template>

  <div class="breadcrumb-warp">
    <el-breadcrumb separator-icon="ArrowRight" class="breadcrumb">
      <el-breadcrumb-item
        v-for="item in breadcrumb"
        :key="item.name"
        :to="item"
      >
        {{ item.breadcrumbName }}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>

</template>

<style scope lang="scss">
.breadcrumb-warp {
  width: 100%;
  height: 80px;
  background-color: #f5f5f4;

  .breadcrumb {
    margin: 0 auto;
    width: 1240px;
    height: 80px;
    line-height: 80px;
    background-color: #f5f5f4;
  }
}
</style>
